<template>
<div class="bgc_white" id="warranty_guide" :style="'min-height: '+ height">
  <div class="warranty_guide" >
    <p>{{$t('RIGHTS.SCBSCRIBESUCCESS')}}</p>  
    <div>
      <p>{{$t('RIGHTS.CHECKRIGHT')}}</p>
    </div> 
    <router-link to="/login" v-if="!userInfo.email"><el-button>{{$t('DEFAULT.SIGNIN')}}</el-button></router-link>
     <router-link to="/my_benefits" v-else><el-button>{{$t('RIGHTS.MYRIGHTS')}}</el-button></router-link>
    
  </div>
</div>
</template>

<script>
import { mapGetters } from 'vuex'

import { setHeight} from "@/utils/index.js"

export default {
  data() {
    return {
      height: ''
    }
  },
   computed: {
    ...mapGetters(['userInfo']),
  },
  mounted (){
    this.height = setHeight()
  },
  methods: {
  
  }
}
</script>

<style lang="scss">
@import '@/styles/register/betatester_guide.scss';

</style>